草庐IT

Bootstrap5 表单

全部标签

javascript - 错误 : [$compile:multidir] Multiple directives [form, 表单] 请求 'form' Controller :<form ng-form ="">

我在用angularjs构建的表单上遇到此错误。`错误:[$compile:multidir]多个指令[form,form]请求'form'Controller:{{job.role}}{{job.salary}}{{job.company}}Submit最初我在data-ng-controller中有表格,我把它拿出来看看是否Controller可能是问题所在..请询问您是否认为我需要发布更多代码,我正在使用angulars原生路由系统 最佳答案 这些中的每一个都或多或少相同,并且指的是form指令:所以你可以做或者简单地,在这两

javascript - Bootstrap 模式 - 隐藏一个然后显示另一个

我已经使用jQueryUI很长时间了,但最近出于审美原因切换到Bootstrap。我现在正在努力解决我认为是一个简单的问题,并且想知道其他更熟悉Bootstrap的人是否可以帮助我解决这个问题。我有一个动态创建对话框的通用函数,有时我会显示一个没有按钮的对话框(当处理某些东西时),然后将它切换到一个有按钮的对话框(过程完成-点击好的,例如)。我并不想在这里定义一套流程,所以我基本上是说我希望能够关闭一个对话框并在需要时打开另一个对话框。这就是问题所在。使用Bootstrap,对话框可以动画进出,我喜欢它并希望保留它。不过,我不想在交换对话框时这样做。我可以通过在第一个对话框显示时从第一

javascript - Bootstrap 工具提示不适用于 Font Awesome 图标

我正在使用bootstrap工具提示,但我似乎无法让它与超棒的字体图标一起使用。我可以让它工作:Info但这行不通:这是我的javascript:$(function(){$('[data-toggle="popover"]').popover();$('body').on('click',function(e){if($(e.target).data('toggle')!=='popover'&&$(e.target).parents('.popover.in').length===0){$('[data-toggle="popover"]').popover('hide');}})

javascript - 如何使用 PhantomJS 提交表单?

我越来越熟悉PhantomJS。但我不能得到一件事。我有一个简单表单的页面:和一个save.php只是写下test_data值所以我这样做:page.evaluate(function(){document.forms[0].test_data.value="555";doSubmit();});呈现页面时,我看到文本字段为555,但表单未提交且save.php未记下test_data值。所以doSubmit()没有执行,是吗?doSubmit()是一个简单的验证步骤,提交应该加载下一页。所以问题是:如何使用PhantomJS在页面上执行javascript代码?

javascript - 在 bootstrap-select 上显示/隐藏选项?

不久前,我试图在bootstrap-selectlib上写一个小片段,它应该在父选项的点击/更改事件上打开和隐藏一些额外的选项(底部示例中的一半)。它应该如何工作......当用户点击一个特定的选项时,一些带有更多附加信息的附加项会显示在父项的下方。当用户再点击一次时,额外的项目应该被隐藏,子项目会从已经选择的选项中清除。问题是什么?不幸的是,我的jquery水平不高,所以目前我只有/showing/功能,没有/hiding/子项和清除选择(如果选择了隐藏父项的某个子项)。如果父项上的选中箭头不会显示,只会显示在子项上,那就太好了。我的例子这是我的短代码-$('.remove-exam

javascript - 在 Wenhixin bootstrap-table 中包含图像

我正在使用Wenhixinbootstrap-table.js。我的表格应该如下表所示。下面给出创建表的代码PictureNamePhoneNumberLoginIDAction但是,如果不将image-url转换为图像,表格如下所示为了获取表格中的个人资料图片,我编写了以下代码。vardata;$.ajax({type:"GET",url:"http://localhost:1337/users",contentType:"application/json;charset=utf-8",dataType:"json",data:"",success:function(data){co

javascript - 如何从后面的代码关闭 Bootstrap 模式?

我正在从模态进行更新操作。当模态弹出时,它会加载我要更新的特定行数据。下面是我的模态代码:×InsertModuleUPDATEEMPLOYEEDETAILFIRSTNAMEMIDDLENAMELASTNAMEEMAILDOBUSERNAMEPASSWORDClose我正在从代码隐藏中加载模态并从代码隐藏中填充其字段。下面是我的隐藏代码:protectedvoidup_tb8_Click(objectsender,EventArgse){vardb=newdbDataContext();Employeeemp=newEmployee();db.Sp_Updatevalue(

javascript - 隐藏字段的 Angular 2 表单验证

我有一个银行贷款申请,其中包含许多输入字段,其中一些是隐藏的(隐藏字段根据一组条件动态显示)。例如,如果您选择选项1,将显示一个隐藏字段,并隐藏其他一些字段。如果您选择选项2,一些字段会显示,其他字段会隐藏。在表单的末尾,我有一个,这意味着按钮将被禁用,直到整个表单有效,但我现在的问题是隐藏字段也得到验证,因此表单永远不会有效。有没有办法告诉Angular在隐藏字段时不验证字段?我隐藏字段的方式如下例所示:CarloanStudentloan 最佳答案 您正在使用react形式。即使字段对用户隐藏,字段在from中也是事件的。因此,

javascript - 动态嵌套表单 link_to_add 调用了两次

我正在使用ryanbatesnested_formgem将一些嵌套字段动态添加到表单。例如一切正常,除了每次单击链接时都会添加两个空字段。我在$('forma.add_nested_fields').live('click',function()上放置了一个断点并看到它被调用了两次...我在mac上使用chrome 最佳答案 查看标题。你会看到它在那里两次:只需删除第二个引用(可能在您的application.html.erb中)即可。 关于javascript-动态嵌套表单link_t

javascript - 如何在用户点击离开时关闭 Bootstrap 弹出窗口(或任何一般项目)?

我在手动模式下使用来自Twitter的Bootstrap库的popover对象,我想知道当用户点击它时我应该如何关闭工具提示。这是我的HTML:Test和我的JavaScript:$('#stats-bar').click(function(e){$(this).popover('show');});当用户点击除弹出窗口本身以外的任何地方时,如何隐藏弹出窗口?我想过在弹出框后面使用一个固定的透明div并设置它的点击事件,但我不确定这是最好的方法。 最佳答案 我最终连接到文档点击事件并在此时隐藏所有工具提示$(document).cl